<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/TemplateUser.Master" Inherits="System.Web.Mvc.ViewPage" %>
<%@ Import Namespace="ManageBanking.Models" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderScript" runat="server">

    <link href='<%= Url.Content("~/Content/base/jquery.ui.all.css") %>' rel="stylesheet" type="text/css" />
    <script src='<%= Url.Content("~/Scripts/jquery.ui.sortable.js") %>' type="text/javascript"></script>
    <script src= '<%= Url.Content("~/Scripts/jquery.ui.tabs.js") %>'  type="text/javascript"></script>

    <link href='<%= Url.Content("~/Content/css/print-preview.css") %>' rel="stylesheet" type="text/css" />

    <script src='<%= Url.Content("~/Scripts/jquery.print-preview.js") %>'
     type="text/javascript"></script>

    <script type="text/javascript">
        $(function() {
            /*
            * Initialise example carousel
            */
          

            /*
            * Initialise print preview plugin
            */
            // Add link for print preview and intialise
        $('#aside').prepend('<a class="print-preview">Print this page</a>');
        $('.print-preview').click(function() {
            window.print();
            return false;
        });

            // Add keybinding (not recommended for production use)
            
        });
    </script>
    <script type="text/javascript">
        $(function() {

        $("#tabs").tabs().find(".ui-tabs-nav").sortable({ axis: 'x' }); ;
    });
	</script>
	
	
	
	<script src= '<%= Url.Content("~/Scripts/smartpaginator.js") %>' type="text/javascript"></script>
    <script src= '<%= Url.Content("~/Scripts/JTPS.js") %>'  type="text/javascript"></script>
    
    <link href= '<%= Url.Content("~/Content/css/smartpaginator.css") %>'  rel="stylesheet" type="text/css" />
    <link href= '<%= Url.Content("~/Content/css/screen.css") %>'  rel="stylesheet" type="text/css" />
   
    <!-- paging and sort transfer(Sent)-->
    <script type="text/javascript" language="javascript">


        $(document).ready(function() {
            var idtablesort = "#empTable";
            $(idtablesort).jTPS({ clickCallback: function() {
                // target table selector
                var table = idtablesort;
                // store pagination + sort in cookie
                document.cookie = 'jTPS=sortasc:' + $(table + ' .sortableHeader').index($(table + ' .sortAsc')) + ',' + 'sortdesc:' + $(table + ' .sortableHeader').index($(table + ' .sortDesc')) + ';';
                $('tr.stubCell').remove();
            }
            });

            // reinstate sort and pagination if cookie exists
            var cookies = document.cookie.split(';');
            for (var ci = 0, cie = cookies.length; ci < cie; ci++) {
                var cookie = cookies[ci].split('=');
                if (cookie[0] == 'jTPS') {
                    var commands = cookie[1].split(',');
                    for (var cm = 0, cme = commands.length; cm < cme; cm++) {
                        var command = commands[cm].split(':');
                        if (command[0] == 'sortasc' && parseInt(command[1]) >= 0) {
                            $(idtablesort + ' .sortableHeader:eq(' + parseInt(command[1]) + ')').click();
                        } else if (command[0] == 'sortdesc' && parseInt(command[1]) >= 0) {
                            $(idtablesort + ' .sortableHeader:eq(' + parseInt(command[1]) + ')').click().click();
                        }
                    }
                }
            }
            $('tr.stubCell').remove();
            // bind mouseover for each tbody row and change cell (td) hover style
            $(idtablesort + ' tbody tr:not(.stubCell)').bind('mouseover mouseout',
                    function(e) {// hilight the row
                        $('tr.stubCell').remove();
                        e.type == 'mouseover' ? $(this).children('td').addClass('hilightRow') : $(this).children('td').removeClass('hilightRow');
                    }
           );
            $('tr.stubCell').remove();
        });
    </script>
        
    <script type="text/javascript">
        $(document).ready(function() {


            var the = "select#perpagetransfersent";
            var total = $('input#totalTransferSent').attr('value');
            var idtable = "empTable";
            var paging = "#redtransfersent";
            
            $("#perpagetransfersent").change(function() {

                var perpage;
                $(the + " option:selected").each(function() {
                    perpage = parseInt($(this).text());
                });

                $(paging).smartpaginator({ totalrecords: total, recordsperpage: perpage, length: 4, datacontainer: idtable, dataelement: 'tr', next: 'Next', prev: 'Prev', first: 'First', last: 'Last', theme: 'black', controlsalways: true, onchange: function(newPage) {
                    $('#r').html('Page # ' + newPage);
                }
                });

                $('.short').remove();


            }).change();
        });
    </script>
    
    <script type="text/javascript">
        $(document).ready(function() {



            //            $('.option_month').click(function() {


            //                $("#seletmonth").change(function() {

            //                    $("#seletmonth option:selected").each(function() {
            //                        var perpage = String($(this).text());
            //                        var id = parseInt($('#idaccount').attr("value"));
            //                        window.location.href = "/HistoryUser/ListHistory/" + id + "/" + perpage;

            //                    });

            //                }).change();
            //            });

            var slm = $('#saveselectmonth').attr("value");
            $("#seletmonth option[value=" + slm + "]").attr("selected", "selected");
            
            var sly = $('#saveselectyear').attr("value");
            $("#seletyear option[value=" + sly + "]").attr("selected", "selected");
        });
    </script> 
    
    <script type="text/javascript">
        $.fx.speeds._default = 1000;
        $(document).ready(function() {
            var d = $('#inputdem').attr("value");
            for (var i = 1; i <= d; i++) {

                $('div#dialog' + i).dialog({
                    autoOpen: false,
                    show: 'blind',
                    hide: 'explode'
                });



            }
            $('.IdAccountTo').click(function() {
                var id = $(this).attr("id");
                var substr = id.split('-');
               
                
                    $('div#dialog' + substr[1]).dialog('open');
                    return false;


               

            });



        });
        
	</script>   

<script type="text/javascript">
    $.fx.speeds._default = 1000;
    $(document).ready(function() {
        var d = $('#inputdem1').attr("value");
        for (var i = 1; i <= d; i++) {

            $('div#Dia' + i).dialog({
                autoOpen: false,
                show: 'blind',
                hide: 'explode'
            });



        }
        $('.colorac1').click(function() {
            var id = $(this).attr("id");
            var substr = id.split('-');


            $('div#Dia' + substr[1]).dialog('open');
            return false;




        });



    });
        
	</script>   

    <!--end paging and sort transfer(Sent)-->
    
    
    <!-- paging and sort transfer(Receive)-->
    <script type="text/javascript" language="javascript">

        
        $(document).ready(function() {
            var idtablesort = "#empTable1";
            $(idtablesort).jTPS({ clickCallback: function() {
                // target table selector
                var table = idtablesort;
                // store pagination + sort in cookie
                document.cookie = 'jTPS=sortasc:' + $(table + ' .sortableHeader').index($(table + ' .sortAsc')) + ',' + 'sortdesc:' + $(table + ' .sortableHeader').index($(table + ' .sortDesc')) + ';';
                $('tr.stubCell').remove();
            } 
            });


            // reinstate sort and pagination if cookie exists
            var cookies = document.cookie.split(';');
            for (var ci = 0, cie = cookies.length; ci < cie; ci++) {
                var cookie = cookies[ci].split('=');
                if (cookie[0] == 'jTPS') {
                    var commands = cookie[1].split(',');
                    for (var cm = 0, cme = commands.length; cm < cme; cm++) {
                        var command = commands[cm].split(':');
                        if (command[0] == 'sortasc' && parseInt(command[1]) >= 0) {
                            $(idtablesort + ' .sortableHeader:eq(' + parseInt(command[1]) + ')').click();
                        } else if (command[0] == 'sortdesc' && parseInt(command[1]) >= 0) {
                            $(idtablesort + ' .sortableHeader:eq(' + parseInt(command[1]) + ')').click().click();
                        }
                    }
                }
            }
            $('tr.stubCell').remove();
            // bind mouseover for each tbody row and change cell (td) hover style
            $(idtablesort + ' tbody tr:not(.stubCell)').bind('mouseover mouseout',
                    function(e) {// hilight the row
                        $('tr.stubCell').remove();
                        e.type == 'mouseover' ? $(this).children('td').addClass('hilightRow') : $(this).children('td').removeClass('hilightRow');
                    }
           );
            $('tr.stubCell').remove();
        });
    </script>
    
    <script type="text/javascript">
        $(document).ready(function() {

            var the = "select#perpagetransferreceive";
            var total = $('input#totalTransferReceive').attr('value');
            var idtable = "empTable1";
            var paging = "#redTransferReceive";

            $(the).change(function() {

                var perpage;
                $(the + " option:selected").each(function() {
                    perpage = parseInt($(this).text());
                });
                $(paging).smartpaginator({ totalrecords: total, recordsperpage: perpage, length: 4, datacontainer: idtable, dataelement: 'tr', next: 'Next', prev: 'Prev', first: 'First', last: 'Last', theme: 'black', controlsalways: true, onchange: function(newPage) {
                    $('#r').html('Page # ' + newPage);
                }
                });

                $('.short').remove();


            }).change();
        });
    </script>
    <!-- end paging and sort transfer(Receive)-->
    
    
    <!-- paging and sort Cheque-->
    <script type="text/javascript" language="javascript">


        $(document).ready(function() {
            var idtablesort = "#empTable2";
            $(idtablesort).jTPS({ clickCallback: function() {
                // target table selector
                var table = idtablesort;
                // store pagination + sort in cookie
                document.cookie = 'jTPS=sortasc:' + $(table + ' .sortableHeader').index($(table + ' .sortAsc')) + ',' + 'sortdesc:' + $(table + ' .sortableHeader').index($(table + ' .sortDesc')) + ';';
                $('tr.stubCell').remove();
            }
            });


            // reinstate sort and pagination if cookie exists
            var cookies = document.cookie.split(';');
            for (var ci = 0, cie = cookies.length; ci < cie; ci++) {
                var cookie = cookies[ci].split('=');
                if (cookie[0] == 'jTPS') {
                    var commands = cookie[1].split(',');
                    for (var cm = 0, cme = commands.length; cm < cme; cm++) {
                        var command = commands[cm].split(':');
                        if (command[0] == 'sortasc' && parseInt(command[1]) >= 0) {
                            $(idtablesort + ' .sortableHeader:eq(' + parseInt(command[1]) + ')').click();
                        } else if (command[0] == 'sortdesc' && parseInt(command[1]) >= 0) {
                            $(idtablesort + ' .sortableHeader:eq(' + parseInt(command[1]) + ')').click().click();
                        }
                    }
                }
            }
            $('tr.stubCell').remove();
            // bind mouseover for each tbody row and change cell (td) hover style
            $(idtablesort + ' tbody tr:not(.stubCell)').bind('mouseover mouseout',
                    function(e) {// hilight the row
                        $('tr.stubCell').remove();
                        e.type == 'mouseover' ? $(this).children('td').addClass('hilightRow') : $(this).children('td').removeClass('hilightRow');
                    }
           );
            $('tr.stubCell').remove();
        });
    </script>
    
    <script type="text/javascript">
        $(document).ready(function() {

            var the = "select#perpageCheque";
            var total = $('input#totalCheque').attr('value');
            var idtable = "empTable2";
            var paging = "#redCheque";

            $(the).change(function() {

                var perpage;
                $(the + " option:selected").each(function() {
                    perpage = parseInt($(this).text());
                });
                $(paging).smartpaginator({ totalrecords: total, recordsperpage: perpage, length: 4, datacontainer: idtable, dataelement: 'tr', next: 'Next', prev: 'Prev', first: 'First', last: 'Last', theme: 'black', controlsalways: true, onchange: function(newPage) {
                    $('#r').html('Page # ' + newPage);
                }
                });

                $('.short').remove();


            }).change();
        });
    </script>
    <!-- end paging and sort Cheque-->
    
    
    
    <!-- paging and sort Deposit Withdraw-->
    <script type="text/javascript" language="javascript">


        $(document).ready(function() {
            var idtablesort = "#empTable3";
            $(idtablesort).jTPS({ clickCallback: function() {
                // target table selector
                var table = idtablesort;
                // store pagination + sort in cookie
                document.cookie = 'jTPS=sortasc:' + $(table + ' .sortableHeader').index($(table + ' .sortAsc')) + ',' + 'sortdesc:' + $(table + ' .sortableHeader').index($(table + ' .sortDesc')) + ';';
                $('tr.stubCell').remove();
            }
            });


            // reinstate sort and pagination if cookie exists
            var cookies = document.cookie.split(';');
            for (var ci = 0, cie = cookies.length; ci < cie; ci++) {
                var cookie = cookies[ci].split('=');
                if (cookie[0] == 'jTPS') {
                    var commands = cookie[1].split(',');
                    for (var cm = 0, cme = commands.length; cm < cme; cm++) {
                        var command = commands[cm].split(':');
                        if (command[0] == 'sortasc' && parseInt(command[1]) >= 0) {
                            $(idtablesort + ' .sortableHeader:eq(' + parseInt(command[1]) + ')').click();
                        } else if (command[0] == 'sortdesc' && parseInt(command[1]) >= 0) {
                            $(idtablesort + ' .sortableHeader:eq(' + parseInt(command[1]) + ')').click().click();
                        }
                    }
                }
            }
            $('tr.stubCell').remove();
            // bind mouseover for each tbody row and change cell (td) hover style
            $(idtablesort + ' tbody tr:not(.stubCell)').bind('mouseover mouseout',
                    function(e) {// hilight the row
                        $('tr.stubCell').remove();
                        e.type == 'mouseover' ? $(this).children('td').addClass('hilightRow') : $(this).children('td').removeClass('hilightRow');
                    }
           );
            $('tr.stubCell').remove();
        });
    </script>
    
    <script type="text/javascript">
        $(document).ready(function() {

            var the = "select#perpageDepositWithdraw";
            var total = $('input#totalDepositWithdraw').attr('value');
            var idtable = "empTable3";
            var paging = "#redDepositWithdraw";

            $(the).change(function() {

                var perpage;
                $(the + " option:selected").each(function() {
                    perpage = parseInt($(this).text());
                });
                $(paging).smartpaginator({ totalrecords: total, recordsperpage: perpage, length: 4, datacontainer: idtable, dataelement: 'tr', next: 'Next', prev: 'Prev', first: 'First', last: 'Last', theme: 'black', controlsalways: true, onchange: function(newPage) {
                    $('#r').html('Page # ' + newPage);
                }
                });

                $('.short').remove();


            }).change();
        });
    </script>
    <!-- end paging and sort Deposit Withdraw-->
    
   
</asp:Content>



<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <% InformationAccount ia = (InformationAccount)ViewData["inforacc"]; %>
    <div class="detailacc">
    
    
        <%using (Html.BeginForm("ListHistory", "HistoryUser", FormMethod.Post, new { @id = "seletmy" }))
          { %>
        <div class="titlecombobox">Month: </div>
        <div class="titlecombobox"  >
            <input id="idaccount" type="hidden" value='<%= ViewData["idaccount"] %>' name="idaccount" />
            <input id="saveselectmonth" type="hidden" value='<%= ViewData["saveselectmonth"] %>' />
            <input id="saveselectyear" type="hidden" value='<%= ViewData["saveselectyear"] %>' />
            <select id="seletmonth" name="month" >   
                <option class="option_month" value="all">All</option>
	            <option class="option_month" value="01">01</option>
	            <option class="option_month" value="02">02</option>
	            <option class="option_month" value="03">03</option>
	            <option class="option_month" value="04">04</option>
	            <option class="option_month" value="05">05</option>
	            <option class="option_month" value="06">06</option>
	            <option class="option_month" value="07">07</option>
	            <option class="option_month" value="08">08</option>
	            <option class="option_month" value="09">09</option>
	            <option class="option_month" value="10">10</option>
	            <option class="option_month" value="11">11</option>
	            <option class="option_month" value="12">12</option>
            </select>
        </div>
        <div class="titlecombobox" style="margin-left:15px; ">Year: </div>
        <div class="titlecombobox">
            <select id="seletyear" name="year" >  
                <option class="option_year" value="All" >All</option> 
            <% for (int i = 2011; i <= Convert.ToInt32(DateTime.Now.ToString("yyyy")); i++)
               {%>
                <option class="option_year" value="<%= i %>" ><%= i%></option>
            <%} %>	            
            </select>
        </div>
        <div class="titlecombobox" style="margin-left:15px; ">
            <input type="submit" value="View" name="view" id="view" />
        </div>
        
        <%} %>
        
        
        <div class='print' id="aside"  ></div>
        
        <div style="float:left; margin-top:5px;" >Type Account: <%= ia.TypeName%></div>
        <span style="float:left; margin:3px 20px 0 20px;">|</span>
        <div style="margin-top:5px;">ID Account: <%= ia.IdAccount %></div>
        
        <%--<span style="float:left; margin:0 10px;">|</span>
        <div ><a href="/Report/WebFormShowReport.aspx"> Show Report </a></div>--%>
        
    </div>
    
    <div id="tabs" style="margin-top:10px !important;">
	    <ul>
		    <li ><a id="tabTransferSent" href="#tabs-1">Transfer(Sent)</a></li>
		    <li ><a id="tabTransferReceive" href="#tabs-2">Transfer(Receive)</a></li>
		    <li ><a id="tabCheque" href="#tabs-3">Cheque</a></li>
		    <li ><a id="abec" href="#tabs-4">Withdraw & Deposit</a></li>
	    </ul>
	    
	    
	    <div id="tabs-1" class="tabs-hatakua">
		    <table id="empTable" class="empTable3 empTable1 empTable2" border="0"  cellpadding="0" cellspacing="0" >
	             <thead>
	            <tr>
		            <th sort="description" class="table-header-account th-history-sent-account"><a>ID Account</a></th>
		            <th sort="date" class="table-header-repeat line-left th-history-sent-name"><a>Name</a></th>
		            <th sort="date" class="table-header-repeat line-left th-history-sent-money"><a>Money</a></th>
		            <th sort="description" class="table-header-options line-left th-history-sent-date"><a>DateCreation</a></th>
	            </tr>
	            </thead>
	             <tbody>
	            <%    int dem = 0;
    foreach (InforTransferSent tf in (List<InforTransferSent>)ViewData["TransferSent"])
    {
        dem++; %>
	                        <tr class="alternate-row">
		                        <td id="opener-<%= dem %>" align="center" class="IdAccountTo colorac lock idacchover"> <%= tf.IdAccountTo%></td>
		                        <%T_AccountModels ta = new T_AccountModels();

                            Username us = ta.InforUser(tf.IdAccountTo);
        
         %>
		                        <td >
		                            <div id="dialog<%= dem %>" title="Information User">
	                                <p>Name: <%=us.Name %></p>
	                                <p>Address: <%=us.Address %></p>
	                                <p>Birthday:<%=us.DateBirth.Value.ToString("yyyy-MM-dd") %></p>
	          
	                                
                                    </div>
		                            <%= tf.Name%>
		                        </td>
		                        <td >$<%= tf.Money.Value.ToString("#,## ;#.##0.00'-';0 ")%></td>
		                        <td  class="options-width lock" align="center"><%= Convert.ToDateTime(tf.DateCreation).ToString("dd-MM-yyyy")%> </td>
	                        </tr>
            	        
            	            
	            <% } %>
	                   </tbody>
	        </table>
	        <input type="hidden" id='inputdem' value='<%= dem %>' />
	        
	        <!--  end product-table................................... --> 

            <!--  start paging..................................................... -->
	        <div id="redtransfersent" style="margin: auto;">
	             <input id="totalTransferSent" type="hidden" value='<%= ViewData["totalTransferSent"] %>'  />
	        </div>
        	
	        <div id="drop" >
	            <select id="perpagetransfersent" >   
                    <option value="2">2</option>
			        <option selected="selected" value="5">5</option>
			        <option value="10">10</option>
			        <option value="15">15</option>
			        <option value="20">20</option>
			        <option value="30">30</option>
		        </select>
	        </div>
	        
	        
	        
	        <!--  end paging................ -->
	    </div>
	    
	    
	    <div id="tabs-2" class="tabs-hatakua">
	        <table id="empTable1" class="empTable3 empTable1 empTable2" border="0"  cellpadding="0" cellspacing="0" >
	          <thead>
	            <tr>
		            <th sort="description" class="table-header-account th-history-sent-account"><a>ID Account</a></th>
		            <th sort="date" class="table-header-repeat line-left th-history-sent-name"><a>Name</a></th>
		            <th sort="date" class="table-header-repeat line-left th-history-sent-money"><a>Money</a></th>
		            <th sort="description" class="table-header-options line-left th-history-sent-date"><a>DateCreation</a></th>
	            </tr>
	        </thead>
	        
	          <tbody>
	        <%  
                int dem1 = 0;      
    foreach (InforTransferReceive tf in (List<InforTransferReceive>)ViewData["TransferReceive"])
    {
        dem1++;
        %>
                    <tr class="alternate-row">
	                    <td id="open-<%= dem1 %>" align="center" class="colorac1 clock idacchover"><%= tf.IdAccountFrom%></td>
	                 <%T_AccountModels ta = new T_AccountModels();

                            Username us = ta.InforUser(tf.IdAccountFrom);
        
         %>  
	                  
		                            <div id="Dia<%= dem1 %>" title="Information User">
	                                <p>Name: <%=us.Name %></p>
	                                <p>Address: <%=us.Address %></p>
	                                <p>Birthday:<%=us.DateBirth.Value.ToString("yyyy-MM-dd") %></p>
	          
	                                
                                    </div>
		                            
		                       
	                   
	                    <td><%= tf.Name%></td>
	                    <td>$<%= tf.Money.Value.ToString("#,## ;#.##0.00'-';0 ") %></td>
	                    <td class="options-width lock" align="center"><%= Convert.ToDateTime(tf.DateCreation).ToString("dd-MM-yyyy")%> </td>
                    </tr>  
	        <% }%>
	         </tbody>
        </table>
         <input type="hidden" id='inputdem1' value='<%= dem1 %>' />
        <!--  end product-table................................... --> 
        	

            <!--  start paging..................................................... -->
	        <div id="redTransferReceive" style="margin: auto;">
	             <input id="totalTransferReceive" type="hidden" value='<%= ViewData["totalTransferReceive"]%>'  />
	        </div>
        	
	        <div >
	            <select id="perpagetransferreceive" >   
                    <option value="2">2</option>
			        <option selected="selected" value="5">5</option>
			        <option value="10">10</option>
			        <option value="15">15</option>
			        <option value="20">20</option>
			        <option value="30">30</option>
		        </select>
	        </div>
	        <!--  end paging................ -->
	    </div>
	    
	    
	    <div id="tabs-3" class="tabs-hatakua">
		    <table id="empTable2" class="empTable3 empTable1 empTable2" border="0"  cellpadding="0" cellspacing="0" >
	             <thead>
	            <tr>
		            <th sort="index" align="center" class="table-header-account th-history-cheque-idaccount"><a>ID Account</a>	</th>
		            <th sort="description" class="table-header-repeat line-left th-history-cheque-datecreate"><a>Date Create</a></th>
		            <th class="table-header-repeat line-left th-history-cheque-name"><a>Name Receiver</a></th>
		            <th class="table-header-repeat line-left th-history-cheque-money"><a>Money</a></th>
		            <th sort="description" class="table-header-options line-left th-history-cheque-datereceiver "><a>Date Receiver</a></th>
	            </tr>
	            </thead>
	            
	             <tbody>
	             <%  
    foreach (Cheque cq in (List<Cheque>)ViewData["Cheque"])
    {%>
                        <tr class="alternate-row">
	                        <td  align="center" class="lock"><%= cq.IdAccount%></td>
	                        <td><%= cq.DateCreate.Value.ToString("yyyy-MM-dd")%></td>
                            <td><%= cq.NameReceiver%></td>
	                        <td>$<%= cq.Money.Value.ToString("#,## ;#.##0.00'-';0 ") %></td>
	                        <td class="options-width lock" align="center"><%= cq.DateReceiver.Value.ToString("yyyy-MM-dd")%> </td>
                        </tr>
	             <% }%>
	             </tbody>
	        </table>
	        <!--  end product-table................................... --> 
        	

            <!--  start paging..................................................... -->
	        <div id="redCheque" style="margin: auto;">
	             <input id="totalCheque" type="hidden" value='<%= ViewData["totalCheque"]%>'  />
	        </div>
        	
	        <div  >
	            <select id="perpageCheque" >   
                    <option value="2">2</option>
			        <option selected="selected" value="5">5</option>
			        <option value="10">10</option>
			        <option value="15">15</option>
			        <option value="20">20</option>
			        <option value="30">30</option>
		        </select>
	        </div>
	        <!--  end paging................ -->         
	    </div>
	    
	    
	    <div id="tabs-4" class="tabs-hatakua">
		    
		    <table id="empTable3" class="empTable3 empTable1 empTable2" border="0"  cellpadding="0" cellspacing="0" >
	             <thead>
	            <tr>
		            <th sort="index" align="center" class="table-header-account th-history-DepositWithdraw-idaccount"><a>ID Account</a>	</th>
		            <th  sort="description" class="table-header-repeat line-left  th-history-DepositWithdraw-type"><a>Type</a></th>
		            <th style="width: 160px !important;" class="table-header-repeat line-left th-history-DepositWithdraw-money"><a>Money</a></th>
		            <th sort="description" style="width: 126px !important;" class="table-header-options line-left" th-history-DepositWithdraw-date><a>Date Creation</a></th>
	            </tr>
	            </thead>
	            
	             <tbody>
	             <%  
    foreach (Deposit_With cq in (List<Deposit_With>)ViewData["DepositWithdraw"])
    {%>
                        <tr class="alternate-row">
	                        <td  align="center" class="lock"><%= cq.IdAccount%></td>
	                        <td align="center"><%= Convert.ToBoolean(cq.IDType) ? "Deposit" : "Withdraw"%></td>
                            <td align="center">$<%= cq.Money.Value.ToString("#,## ;#.##0.00'-';0 ") %></td>
	                        <td class="options-width"><%= cq.DateCreation.Value.ToString("dd-MM-yyyy")%> </td>
                        </tr>
	             <% }%>
	             </tbody>
	        </table>
	        <!--  end product-table................................... --> 
        	

            <!--  start paging..................................................... -->
	        <div id="redDepositWithdraw" style="margin: auto;">
	             <input id="totalDepositWithdraw" type="hidden" value='<%= ViewData["totalDepositWithdraw"]%>'  />
	        </div>
        	
	        <div  >
	            <select id="perpageDepositWithdraw" >   
                    <option value="2">2</option>
			        <option selected="selected" value="5">5</option>
			        <option value="10">10</option>
			        <option value="15">15</option>
			        <option value="20">20</option>
			        <option value="30">30</option>
		        </select>
	        </div>
	        <!--  end paging................ -->  
		    
	    </div>
    </div>

</asp:Content>


